.mw{
	width: 100%;
	z-index: 3;
}
.mh{
	height: 100%;
	z-index: 3;
}
.whole{
	width: 100%;
	height: 100%;
	margin-top: 1.8rem;
}

.Conter{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	margin-top: 0.266667rem;
}
.upload-img{
	position: absolute;
	overflow: hidden;
	z-index: 1;
}
.text{
	overflow: hidden;
}

.Input div:first-letter{
 font-size: 2em;
 padding: 0.1em;
 color: #000000;
 /*vertical-align: middle;*/

 }
/*语音*/
.In{
    width: 10rem;
    height: 5rem;
    display: none;
    z-index:100;
    position: fixed;
    margin-left: -9%;
    bottom:0%;
}
.wan,.qu{
	position: absolute;
	font-size: 16px;
	color:rgb(135,225,163);
	right:0.42rem ;
	margin-top: 0.5rem;
	    width: 1rem;
}
.qu{
	left:0.42rem ;
	color: gb(255,255,255);
}
.photoframe{
	position: relative;
	text-align: center;

}

.album-old{
	width: 100%;
	height: 100%;
}
.input{
    width: 10rem;
    height: 5rem;
    background-color: #FFFFFF;
    outline: 0;
    z-index: 100;
    margin-top: 0.2rem;
}
/*第1页*/
.content1{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b1.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img1{
	width: 6.61333rem;
	height: 5.093333rem;
	margin-left: 0.826666rem;
	margin-top: 4.88rem;
}
.text1{
	    width: 4rem;
    height: 4.43rem;
    margin-left: 2rem;
    margin-top: 0.5rem;
    transform: scale(0.7,0.7);
    line-height: 0.6rem;
    text-align: center;
}
/*第2页*/
.content2{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b2.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img2{
	width: 5.2533333rem;
	height: 7.04rem;
	margin-left: 2.373333rem;
	margin-top: 1.3866667rem;
}
.text2{
	width: 3rem;
    height: 5.43rem;
    margin-left: -0.2rem;
    margin-top: 0.5rem;
    transform: scale(0.7,0.7);
    text-align: center;
}
.text3{
	    width: 8rem;
    height: 3.43rem;
    margin-left: 1rem;
    margin-top:2.3rem;
    transform: scale(0.7,0.7);
}
/*第3页*/
.content3{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b3.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img3{
	width: 4.24rem;
	height: 5.706666rem;
	margin-left: 0.8rem;
	margin-top: 1.2rem;
}
.img4{
	width: 4.24rem;
	height: 3.306666rem;
	margin-left: 0.8rem;
	margin-top: 7.173333rem;
}
.text4{
	width: 3.5rem;
    height: 6.43rem;
    margin-left: 5rem;
    margin-top: 4.5rem;
    transform: scale(0.7,0.7);
    text-align: center;
}
/*第4页*/
.content4{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b4.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img5{
	width: 3.253333rem;
	height: 2.506666rem;
	margin-left: 0.96rem;
	margin-top: 3.493333rem;
}
.img6{
	width: 6.026666rem;
	height: 4.666666rem;
	margin-left: 0.96rem;
	margin-top: 6.2133333rem;
}
.text5{
	    width: 3.5rem;
    height: 6rem;
    margin-left: 4.3rem;
    margin-top: 0rem;
    transform: scale(0.7,0.7);
    text-align: center;
}
/*第5页*/
.content5{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b5.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img7{
	width: 4.24rem;
	height: 5.706666rem;
	margin-left: 0.6933333rem;
	margin-top: 0rem;
}
.img8{
	width: 2.853333rem;
	height: 3.84rem;
	margin-left: 4.58666rem;
	margin-top: 6.993333rem;
}
.text6{
	    width: 3.5rem;
    height: 4rem;
    margin-left: 5rem;
    margin-top: 0.41rem;
    transform: scale(0.7,0.7);
}
.text7{
	width: 3.5rem;
    height: 4.5rem;
    margin-left: 1.3rem;
    margin-top: 2.3rem;
    transform: scale(0.7,0.7);
}
/*第6页*/
.content6{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b6.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img9{
	width: 3.4133333rem;
	height: 2.64rem;
	margin-left: 4.453333rem;
	margin-top: 0.986666rem;
}
.img10{
	width: 3.36rem;
	height: 2.6133333rem;
	margin-left: 0.8533333rem;
	margin-top: 3.36rem;
}
.img11{
	width: 3.36rem;
	height: 4.5066666rem;
	margin-left: 0.8533333rem;
	margin-top: 6.373333rem;
}
.text8{
	width: 3.5rem;
    height: 6.5rem;
    margin-left: 4.3rem;
    margin-top: 4rem;
    transform: scale(0.7,0.7);
}
/*第7页*/
.content7{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b7.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img12{
	width: 2.3466666rem;
	height: 3.146666rem;
	margin-left: 0.933333rem;
	margin-top: 0.746666rem;
}
.img13{
	width: 4.2933333rem;
	height: 5.76rem;
	margin-left: 3.33333rem;
	margin-top: 1.733333rem;

}
.img14{
	width: 3.8666666rem;
	height: 2.9866666rem;
	margin-left: 3.33333rem;
	margin-top: 7.68rem;
}
.text9{
	width: 3.5rem;
    height: 6.5rem;
    margin-left: -0.2rem;
    margin-top: 5.3rem;
    transform: scale(0.7,0.7);
}
/*第8页*/
.content8{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b8.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img15{
	width: 6.0266666rem;
	height: 4.66666rem;
	margin-left: 0.8533333rem;
	margin-top: 0.98666666rem;
}
.img16{
	width: 3.25333333rem;
	height: 2.773333rem;
	margin-left: 1.44rem;
	margin-top: 5.3866666rem;
	z-index: 2;

}
.img17{
	width: 3.25333333rem;
	height: 2.5066666rem;
	margin-left: 1.44rem;
	margin-top: 8.293333rem;
}
.text10{
	    width: 3.5rem;
    height: 6rem;
    margin-left: 4.5rem;
    margin-top: 5rem;
    transform: scale(0.7,0.7);
}
/*第9页*/
.content9{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b9.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img18{
	width: 3.653333rem;
	height: 4.906666rem;
	margin-left: 0.986666rem;
	margin-top: 1.066666rem;
}
.img19{
	width: 2.6933333rem;
	height: 3.62666666rem;
	margin-left: 4.8rem;
	margin-top: 2.9066666rem;

}
.img20{
	width: 2.6933333rem;
	height: 3.62666666rem;
	margin-left: 4.8rem;
	margin-top: 6.7466666rem;
}
.text11{
	    width: 4.5rem;
    height: 5.3rem;
    margin-left: 0.5rem;
    margin-top: 6rem;
    transform: scale(0.7,0.7);
}
/*第10页*/
.content10{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b10.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img21{
	width: 2.10666666rem;
	height: 2.8266666rem;
	margin-left: 1.2rem;
	margin-top: 1.0133333rem;
}
.img22{
	width: 2.34666666rem;
	height: 3.12rem;
	margin-left:3.4666666rem;
	margin-top: 1.0133333rem;

}
.img23{
	width: 2.34666666rem;
	height: 3.12rem;
	margin-left: 5.9466666rem;
	margin-top: 1.0133333rem;
}
.img24{
	width: 5.52rem;
	height:4.266666rem;
	margin-left:1.1466666rem;
	margin-top: 6.6666666rem;
}
.text12{
	       width: 8.5rem;
    height: 3rem;
    margin-left: 0.5rem;
    margin-top: 4rem;
    transform: scale(0.7,0.7);
}
/*第11页*/
.content11{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b11.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img25{
	    width: 3.066666rem;
    height: 2.373333rem;
    margin-left: 5.08rem;
    margin-top: -0.133333rem;
    border: 0.133333rem solid #FFFFFF;
    z-index: 2;
}
.img26{
	width: 3.066666rem;
	height: 2.373333rem;
	margin-left:4.266666rem;
	margin-top: 2.1066666rem;

}
.img27{
	width: 2.693333rem;
	height: 3.6266666rem;
	margin-left: 0.93333333rem;
	margin-top: 7.2rem;
}
.img28{
	width: 3.4666666rem;
	height:4.64rem;
	margin-left:3.893333rem;
	margin-top: 6.1866666rem;
}
.text13{
	    width: 3.8rem;
    height: 6.5rem;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    transform: scale(0.7,0.7);
}
/*第12页*/
.content12{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b12.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img29{
	    width: 5.0133333rem;
    height: 3.86666rem;
    margin-left:1.2533333rem;
    margin-top: 4.08rem;
}
.img30{
	width: 1.36rem;
	height: 1.84rem;
	margin-left:6.293333rem;
	margin-top: 6.1066666rem;

}
.img31{
	width: 3.1733333rem;
	height:2.453333rem;
	margin-left:1.2533333rem;
	margin-top: 8.026666rem;
}
.img32{
	width: 3.1733333rem;
	height:2.453333rem;
	margin-left:4.48rem;
	margin-top: 8.026666rem;
}
.text14{
	    width: 4.2rem;
    height: 3.8rem;
    margin-left: 0.8rem;
    margin-top: 0.5rem;
    transform: scale(0.7,0.7);
}
/*第13页*/
.content13{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b13.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img33{
	    width: 2.533333rem;
    height: 1.97333333rem;
    margin-left:1.12rem;
    margin-top:0rem;
}
.img34{
	 width: 2.533333rem;
    height: 1.97333333rem;
    margin-left:1.12rem;
	margin-top: 2.106666rem;

}
.img35{
	 width: 2.533333rem;
    height: 1.97333333rem;
    margin-left:1.12rem;
	margin-top: 4.266666rem;
}
.img36{
	width: 5.01333333rem;
	height:3.8666666rem;
	margin-left:2.4266666rem;
	margin-top: 6.96rem;
}
.text15{
	    width: 4.2rem;
    height: 5rem;
    margin-left: 3.8rem;
    margin-top: 1.2rem;
    transform: scale(0.7,0.7);
}
/*第14页*/
.content14{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b14.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img37{
	    width: 3.65333333rem;
    height: 4.933333rem;
    margin-left:0.72rem;
    margin-top:1.0666666rem;
}
.img38{
	 width:2.7733333rem;
    height: 3.76rem;
    right:0rem;
	margin-top: 0rem;

}
.img39{
	  width:2.7733333rem;
    height: 3.76rem;
    right:0rem;
	margin-top: 3.9466666rem;
}
.img40{
	 width:2.7733333rem;
    height: 3.76rem;
    right:0rem;
	margin-top: 7.92rem;
}
.text16{
	     width: 4.2rem;
    height: 5rem;
    margin-left: 0.3rem;
    margin-top: 5.8rem;
    transform: scale(0.7,0.7);
}
/*第15页*/
.content15{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b15.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img41{
	    width: 6.61333333rem;
    height: 5.1733333rem;
    margin-left:0rem;
    margin-top:4.773333rem;
}
.text17{
	   width: 4.2rem;
    height: 4rem;
    margin-left: 2rem;
    margin-top: 0.8rem;
    transform: scale(0.7,0.7);
}
/*第16页*/
.content16{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b16.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img42{
	    width: 6.08rem;
    height: 6.08rem;
    margin-left:1.093333rem;
    margin-top:1.12rem;
}
.text18{
	    width: 4.2rem;
    height: 4rem;
    margin-left: 2.5rem;
    margin-top: 7.2rem;
    transform: scale(0.7,0.7);
}
/*第17页*/
.content17{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b17.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img43{
	    width: 5.76rem;
    height: 7.68rem;
    margin-left:1.25333rem;
    margin-top:1.04rem;
}
.img44{
	    width: 2.293333rem;
    height: 3.093333rem;
    margin-left: 0.57rem;
    margin-top: 7.4rem;
    border-top: 0.18666rem solid #FFFFFF;
    border-right: 0.18666rem solid #FFFFFF;
      z-index: 2;
    }
.text19{
	 width: 5rem;
    height: 2.5rem;
    margin-left: 3rem;
    margin-top: 8.7rem;
    transform: scale(0.7,0.7);
}
/*第18页*/
.content18{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b18.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img45{
	    width:3.04rem;
    height: 3.04rem;
    margin-left:4.56rem;
    margin-top:0rem;
}
.img46{
	    width: 5.546666rem;
    height: 5.546666rem;
    margin-left: 0.8rem;
    margin-top: 6.1333333rem;
    }
.text20{
	    width: 4rem;
    height: 4rem;
    margin-left: 1rem;
    margin-top: 1.7rem;
    transform: scale(0.7,0.7);
}
/*第19页*/
.content19{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b19.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img47{
	    width:2.586666rem;
    height: 2.5866666rem;
    margin-left:1.2266666rem;
    margin-top:1.306666rem;
}
.img48{
	    width: 1.92rem;
    height: 1.92rem;
    margin-left:5.4rem;
    margin-top: 4.693333rem;
    border-bottom: 0.16rem solid #FFFFFF;
    border-left: 0.16rem solid #FFFFFF;
    z-index: 2;
    }
.img49{
	    width: 6.6933333rem;
    height: 5.1733333rem;
    margin-left: 0.8rem;
    margin-top: 5.573333rem;
    }
.text21{
	width: 4rem;
    height: 4rem;
    margin-left: 4rem;
    margin-top: 0.7rem;
    transform: scale(0.7,0.7);
}
/*第20页*/
.content20{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b20.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img50{
	    width:3.04rem;
    height: 3.04rem;
    margin-left:0.8rem;
    margin-top:2rem;
    border-top: 0.18666rem solid #FFFFFF;
    border-right: 0.18666rem solid #FFFFFF;
    z-index: 2;
}
.img51{
	    width: 4.2133333rem;
    height: 4.2133333rem;
    margin-left:3.28rem;
    margin-top:0.986666rem;
    
    }
.img52{
	    width:4.453333rem;
    height: 4.4533333rem;
    margin-left: 0.8rem;
    margin-top: 6.4266666rem;
    }
.text22{
	width: 4.5rem;
    height: 4rem;
    margin-left: 3.7rem;
    margin-top: 5.1rem;
    transform: scale(0.7,0.7);
    z-index: 4;
}
/*第21页*/
.content21{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b21.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img53{
	    width:4.64rem;
    height: 4.64rem;
    margin-left:0rem;
    margin-top:0.72rem;
}
.img54{
	    width:2.32rem;
    height:3.12rem;
    margin-left:4.96rem;
    margin-top:1.3866666rem;
    
    }
.img55{
	    width:3.2266666rem;
    height: 2.506666rem;
    margin-left:1.3866666rem;
    margin-top: 5.76rem;
}
.img56{
	    width:3.2266666rem;
    height: 2.506666rem;
    margin-left:1.3866666rem;
    margin-top: 8.4rem;
}
.text23{
	    width: 4rem;
    height: 4rem;
    margin-left: 4.5rem;
    margin-top: 5.1rem;
    transform: scale(0.7,0.7);
}
/*第22页*/
.content22{
	width: 8.27rem;
	height: 11.68rem;
	/*background: url(../../images/photoNewBook/concise/b22.png) no-repeat;*/
	background-size:contain;
	position: relative;
}

.img57{
	 width:4.64rem;
    height: 4.64rem;
    margin-left:0.906666rem;
    margin-top:0rem;
}
.img58{
	    width:1.92rem;
    height:1.92rem;
    margin-left:5.546666rem;
    margin-top:6.9333333rem;
    }
.img59{
	    width:1.92rem;
    height:1.92rem;
    margin-left:3.4933333rem;
    margin-top: 8.9866666rem;
}
.img60{
	    width:1.92rem;
    height:1.92rem;
  margin-left:5.546666rem;
     margin-top: 8.9866666rem;
}
.text24{
	width: 4rem;
    height: 4rem;
    margin-left: 1.3rem;
    margin-top: 5.1rem;
    transform: scale(0.7,0.7);
}
/*调整视频和语音的位置*/
.vedioToCode>img {
    width: 10%;
}
.img1>.vedioToCode{
    margin: -5% 6%;
}
.img1>.vedioToCode>img{
	position: absolute;
  margin-left: -6%;
    margin-top: -53%;

}

.text1>.erWeiMa{
	    margin: -7% 0%;
    width: 4rem;
}
.text1>div>img{
	position: absolute;
      margin-left: -15%;
    margin-top: -2%;

}
.img2>.vedioToCode{
       margin: 10% -8%;
}
.img2>.vedioToCode>img{
	position: absolute;
        margin-left: -5%;
    margin-top: -66%;
}
.text2>.erWeiMa{
	    position: absolute;
   margin: 26% -3%;
    width: 3rem;
}
.text2>div>img{
	position: absolute;
      margin-left: -24%;
    margin-top: 6%;

}
.text3>.erWeiMa{
	position: absolute;
   margin: 0% 15%;
    width: 3.5rem;
}
.text3>div>img{
	position: absolute;
         margin-left: 72%;
    margin-top: -59%;

}
.img3>.vedioToCode{
       margin: 10% -8%;
}
.img3>.vedioToCode>img{
	position: absolute;
          margin-left: -7%;
    margin-top: -68%;
}
.img4>.vedioToCode{
          margin: -4% 7%;
}
.img4>.vedioToCode>img{
	position: absolute;
        margin-left: -5%;
       margin-top: -54%;
}
.text4>.erWeiMa{
	position: absolute;
        margin: 12% -7%;
    width: 4rem;
}
.text4>div>img{
	position: absolute;
  margin-left: -18%;
    margin-top: 8%;

}
.img5>.vedioToCode{
          margin: -5% 7%;
}
.img5>.vedioToCode>img{
	position: absolute;
      margin-left: -6%;
    margin-top: -51%;
}
.img6>.vedioToCode{
          margin: -4% 7%;
}
.img6>.vedioToCode>img{
	position: absolute;
       margin-left: -5%;
    margin-top: -52%;
}
.text5>.erWeiMa{
	position: absolute;
        margin: 12% -7%;
    width: 4rem;
}
.text5>div>img{
	position: absolute;
  margin-left: -18%;
    margin-top: 8%;

}
.img7>.vedioToCode{
          margin: 12% -4%;
}
.img7>.vedioToCode>img{
	position: absolute;
    margin-left: -6%;
    margin-top: -66%;

}
.img8>.vedioToCode{
          margin: 13% -4%;
}
.img8>.vedioToCode>img{
	position: absolute;
       margin-left: -6%;
    margin-top: -64%;
}
.text6>.erWeiMa{
	position: absolute;
          margin: -3% 0%;
    width: 3.5rem;

}
.text6>div>img{
	position: absolute;
  margin-left: -18%;
       margin-top: -2%;

}
.text7>.erWeiMa{
	position: absolute;
        margin: 1% -1%;
    width: 3.5rem;
}
.text7>div>img{
	position: absolute;
  margin-left: -18%;
    margin-top: 8%;

}
.img9>.vedioToCode{
            margin: -7% 6%;
}
.img9>.vedioToCode>img{
	position: absolute;
         margin-left: -5%;
    margin-top: -55%;
}
.img10>.vedioToCode{
           margin: -5% 6%;
}
.img10>.vedioToCode>img{
	position: absolute;
           margin-left: -4%;
    margin-top: -50%;
}
.img11>.vedioToCode{
          margin: 13% -4%;
}
.img11>.vedioToCode>img{
	position: absolute;
        margin-left: -6%;
    margin-top: -64%;
}
.text8>.erWeiMa{
	position: absolute;
           margin: 18% 0%;
    width: 3.5rem;

}
.text8>div>img{
	position: absolute;
  margin-left: -18%;
       margin-top: -2%;

}
.img12>.vedioToCode{
          margin: 13% -4%;
}
.img12>.vedioToCode>img{
	position: absolute;
         margin-left: -7%;
    margin-top: -63%;
}
.img13>.vedioToCode{
          margin: 13% -4%;
}
.img13>.vedioToCode>img{
	position: absolute;
        margin-left: -7%;
    margin-top: -64%;
}
.img14>.vedioToCode{
         margin: -5% 5%;
}
.img14>.vedioToCode>img{
	position: absolute;
     margin-left: -6%;
    margin-top: -55%;
}

.text9>.erWeiMa{
	position: absolute;
           margin: 18% 0%;
    width: 3.5rem;

}
.text9>div>img{
	position: absolute;
  margin-left: -18%;
       margin-top: -2%;

}
.img15>.vedioToCode{
           margin: -6% 6%;
}
.img15>.vedioToCode>img{
	position: absolute;
    left: 44%;
    top: 43%;
}
.img16>.vedioToCode{
         margin: -1% 5%;
}
.img16>.vedioToCode>img{
	position: absolute;
      left: 44%;
    top: 43%;
}
.img17>.vedioToCode{
         margin: -5% 5%;
}
.img17>.vedioToCode>img{
	position: absolute;
       left: 44%;
    top: 43%;
}

.text10>.erWeiMa{
	position: absolute;
           margin: 18% 0%;
    width: 3.5rem;

}
.text10>div>img{
	position: absolute;
  margin-left: -18%;
       margin-top: -2%;

}

.img18>.vedioToCode{
          margin: 13% -4%;
}
.img18>.vedioToCode>img{
	position: absolute;
       left: 45%;
    top: 44%;
}
.img19>.vedioToCode{
          margin: 13% -4%;
}
.img19>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 44%;
}
.img20>.vedioToCode{
          margin: 13% -4%;
}
.img20>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}

.img21>.vedioToCode{
          margin: 18% 0%;
}
.img21>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.img22>.vedioToCode{
          margin: 13% -2%;
}
.img22>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.img23>.vedioToCode{
          margin: 13% -3%;
}
.img23>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.img24>.vedioToCode{
         margin: -4% 7%;
}
.img24>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.text12>.erWeiMa{
	position: absolute;
         margin: -3% 8%;
    width: 3.5rem;

}
.text12>div>img{
	position: absolute;
      margin-left: 60%;
    margin-top: -57%;

}

.img25>.vedioToCode{
            margin: -2% 7%;
}
.img25>.vedioToCode>img{
	position: absolute;
   left: 45%;
    top: 44%;
}
.img26>.vedioToCode{
           margin: 8% 14%;
}
.img26>.vedioToCode>img{
	position: absolute;
       left: 45%;
    top: 44%;
}
.img27>.vedioToCode{
          margin: 13% -2%;
}
.img27>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 44%;
}
.img28>.vedioToCode{
          margin: 13% -3%;
}
.img28>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.img29>.vedioToCode{
         margin: -4% 7%;
}
.img29>.vedioToCode>img{
	position: absolute;
       left: 45%;
    top: 44%;
}
.img30>.vedioToCode{
          margin: 13% -2%;
}
.img30>.vedioToCode>img{
	position: absolute;
       left: 45%;
    top: 44%;
}
.img31>.vedioToCode{
            margin: -5% 7%;
}
.img31>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 44%;
}
.img32>.vedioToCode{
         margin: -4% 7%;
}
.img32>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.text14>.erWeiMa{
	position: absolute;
      margin: -4% 8%;
    width: 3.5rem;

}
.text14>div>img{
	position: absolute;
    margin-left: -21%;
    margin-top: -5%;

}

.img33>.vedioToCode{
        margin: -1% 11%;
}
.img33>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.img34>.vedioToCode{
        margin: -1% 11%;
}
.img34>.vedioToCode>img{
	position: absolute;
       left: 45%;
    top: 44%;
}
.img35>.vedioToCode{
              margin: 0% 10%;
}
.img35>.vedioToCode>img{
	position: absolute;
       left: 45%;
    top: 44%;
}
.img36>.vedioToCode{
         margin: -4% 7%;
}
.img36>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}


.img37>.vedioToCode{
        margin: 13% -3%;
}
.img37>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.img38>.vedioToCode{
         margin: 14% -3%;
}
.img38>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.img39>.vedioToCode{
        margin: 14% -3%;
}
.img39>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 44%;
}
.img40>.vedioToCode{
         margin: 14% -3%;
}
.img40>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 44%;
}


.img41>.vedioToCode{
         margin: -4% 7%;
}
.img41>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 38%;
}
.text17>.erWeiMa{
	position: absolute;
      margin: -4% 8%;
    width: 3.5rem;

}
.text17>div>img{
	position: absolute;
    margin-left: -21%;
    margin-top: -5%;

}


.img42>.vedioToCode{
            margin: -5% -6%;
}
.img42>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 44%;
}
.text18>.erWeiMa{
	position: absolute;
      margin: -4% 8%;
    width: 3.5rem;

}
.text18>div>img{
	position: absolute;
    margin-left: -21%;
    margin-top: -5%;

}


.img43>.vedioToCode{
            margin: -5% -6%;
}
.img43>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 30%;
}
.img44>.vedioToCode{
           margin: 10% -6%;
}
.img44>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.text19>.erWeiMa{
	    position: absolute;
    margin: -2% 1%;
    width: 2.8rem;

}
.text19>div>img{
	position: absolute;
       margin-left: 57%;
    margin-top: -58%;

}


.img45>.vedioToCode{
           margin: -5% -3%;
}
.img45>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 38%;
}
.img46>.vedioToCode{
             margin: -7% -5%;
}
.img46>.vedioToCode>img{
	position: absolute;
        left: 41%;
    top: 45%;
}
.text20>.erWeiMa{
	    position: absolute;
  margin: -4% 7%;
    width: 3.5rem;

}
.text20>div>img{
	position: absolute;
       margin-left: -22%;
    margin-top: -1%;

}




.img47>.vedioToCode{
             margin: -7% -5%;
}
.img47>.vedioToCode>img{
	position: absolute;
       left: 45%;
    top: 40%;
}
.img48>.vedioToCode{
             margin: -7% -5%;
}
.img48>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 42%;
}
.img49>.vedioToCode{
             margin: 14% 17%;
}
.img49>.vedioToCode>img{
	position: absolute;
        left: 44%;
    top: 51%;
}
.text21>.erWeiMa{
	    position: absolute;
  margin: -4% 7%;
    width: 3.5rem;

}
.text21>div>img{
	position: absolute;
       margin-left: -22%;
    margin-top: -1%;

}


.img50>.vedioToCode{
    margin: -2% -1%;
}
.img50>.vedioToCode>img{
	position: absolute;
     left: 45%;
    top: 41%;
}
.img51>.vedioToCode{
          margin: 3% 11%;
    width: 4rem;
}
.img51>.vedioToCode>img{
	position: absolute;
     left: 53%;
    top: 43%;

}
.img52>.vedioToCode{
      margin: 6% -5%;
    width: 4rem;
}
.img52>.vedioToCode>img{
	position: absolute;
     left: 35%;
    top: 43%;
}
.text22>.erWeiMa{
	    position: absolute;
  margin: -4% 7%;
    width: 3.5rem;

}
.text22>div>img{
	position: absolute;
       margin-left: -22%;
    margin-top: -1%;

}



.img53>.vedioToCode{
    margin: -2% -1%;
}
.img53>.vedioToCode>img{
	position: absolute;
    left: 45%;
    top: 44%;
}
.img54>.vedioToCode{
        margin: 13% -5%;
}
.img54>.vedioToCode>img{
	position: absolute;
   left: 45%;
    top: 44%;
}
.img55>.vedioToCode{
        margin: -4% 6%;
}
.img55>.vedioToCode>img{
	position: absolute;
      left: 45%;
    top: 44%;
}
.img56>.vedioToCode{
      margin: -4% 6%;
}
.img56>.vedioToCode>img{
	position: absolute;
        left: 45%;
    top: 44%;
}
.text23>.erWeiMa{
	    position: absolute;
  margin: -4% 7%;
    width: 3.5rem;

}
.text23>div>img{
	position: absolute;
       margin-left: -22%;
    margin-top: -1%;

}



.img57>.vedioToCode{
    margin: -2% -1%;
}
.img57>.vedioToCode>img{
	position: absolute;
        left: 42%;
    top: 42%;
}
.img58>.vedioToCode{
         margin: -6% -4%;
}
.img58>.vedioToCode>img{
	position: absolute;
  left: 45%;
    top: 44%;
}
.img59>.vedioToCode{
           margin: 1% 0%;
}
.img59>.vedioToCode>img{
	position: absolute;
       left: 43%;
    top: 44%;
}
.img60>.vedioToCode{
        margin: 1% 1%;
}
.img60>.vedioToCode>img{
	position: absolute;
       left: 45%;
    top: 44%;
}

.text24>.erWeiMa{
	    position: absolute;
  margin: -4% 7%;
    width: 3.5rem;

}
.text24>div>img{
	position: absolute;
       margin-left: -22%;
    margin-top: -1%;

}
/*插页*/
